<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <div id="box"></div>
  <ul>
    <li>小米</li>
    <li>华为</li>
    <li>oppo</li>
    <li>步步高</li>
    <li>vivo</li>
  </ul>
  <script src="jquery-3.4.1.min.js"></script>
  <script>
    $(function () {
      // 原生元素转jq元素
      $("<h1>你好</h1>").css("color", "red")
      //$("li").each() 循环元素  
      $("li").each(function (index, ele) {
        // index 当前下标
        //ele 原生元素
        if (ele.innerHTML == "oppo") {
          ele.style.color = "red"
        }
      })
      //  length  获取元素集合的长度
      console.log($("li").length)
      // jq元素转换为原生元素get(index)

      $("li").eq(3).css("color", "red")
      // 下标为3的li  转为原生元素
      $("li").get(3).style.background = "blue"



    })





  </script>
</body>

</html>